<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zh">
<!--<![endif]-->
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path;
%>

<head>
    <meta charset="utf-8" />
    <title>保险代理后台管理系统</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!-- ================== BEGIN BASE CSS STYLE ================== -->
    <jsp:include page="../common/header.jsp"></jsp:include>
    <%@include file="../common/taglib.jsp"%>
    <!-- ================== END BASE CSS STYLE ================== -->

    <!-- ================== 单独作用于本页表格td ================== -->
    <style>
    	body{
    		background:white;
    	}
        .form-control{
        	width:200px;
        }
        .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
        	
        }
    </style>
    <!-- ================== 单独作用于本页表格td ================== -->

</head>
<body>
<section class="pad-top-10 pad-bottom-20">
                        <ul class="nav nav-pills">
                            <li class="active"><a href="#tab1" data-toggle="tab">投保客户信息</a></li>
                            <li><a href="#tab2" data-toggle="tab">保险信息</a></li>
                            <li><a href="#tab3" data-toggle="tab">费用合计</a></li>
                            <li><a href="#tab4" data-toggle="tab">附件</a></li>
                        </ul>
					<div class="panel-body">
                        <div class="table-responsive">
                        <div class="form-wrap mar-bottom-0">
                            <div class="tab-content">
                            
                            <!-- 投保客户信息 -->
                                <div id="tab1" class="tab-pane fade active in">
                                        <form class="form-horizontal form-bordered">
                                       		<section>
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">保单号：</label>
                                                    <div class="col-md-2">
                                                    	<p class="form-control-static">${order.ordNum }</p>
                                                    </div>
                                         		</div>
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">车主：</label>
                                                    <div class="col-md-2">
                                                    	<p class="form-control-static">${order.carOwner }</p>
                                                    </div>
                                         		</div>
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">车牌号：</label>
                                                    <div class="col-md-2">
                                                    	<p class="form-control-static">${order.plateNum }</p>
                                                    </div>
                                         		</div>
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">发动机号：</label>
                                                    <div class="col-md-2">
                                                    	<p class="form-control-static">${order.engineNum }</p>
                                                    </div>
                                         		</div>
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">车架号：</label>
                                                    <div class="col-md-2">
                                                    	<p class="form-control-static">${order.frameNumber }</p>
                                                    </div>
                                         		</div>
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">车辆种类：</label>
                                                    <div class="col-md-2">
                                                    	<c:if test="${order.vehicleType==1 }">
                                                    		<p class="form-control-static">客车</p>
                                                    	</c:if>
                                                    	<c:if test="${order.vehicleType==2 }">
                                                    		<p class="form-control-static">货车</p>
                                                    	</c:if>
                                                    </div>
                                         		</div>
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">被保险人：</label>
                                                    <div class="col-md-2">
                                                    	<p class="form-control-static">${order.insurant }</p>
                                                    </div>
                                         		</div>
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">被保险人身份证号/组织机构代码：</label>
                                                    <div class="col-md-2">
                                                    	<p class="form-control-static">${order.orgIdCode }</p>
                                                    </div>
                                         		</div>
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">投保人：</label>
                                                    <div class="col-md-2">
                                                    	<p class="form-control-static">${order.applicant }</p>
                                                    </div>
                                         		</div>
                                       		</section>
                                       	  </form>
                                </div>
                                
                                
								<!-- 保险信息 -->                                
                                <div id="tab2" class="tab-pane fade">
                                    <form class="form-horizontal form-bordered">
                                    	<section>
											<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">保险公司：</label>
                                                    <div class="col-md-2">
                                                    	<p class="form-control-static">${order.insyrerName }</p>
                                                    </div>
                                         		</div>       
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">险种：</label>
                                                    <div class="col-md-2">
                                                    	<c:choose>
                                                    		<c:when test="${order.typeInsurance==0 }">
                                                    			<p class="form-control-static">交强险</p>
                                                    		</c:when>
                                                    		<c:otherwise>
                                                    			<p class="form-control-static">商业险</p>
                                                    		</c:otherwise>
                                                    	</c:choose>
                                                    </div>
                                         		</div>  
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">保单生效日期：</label>
                                                    <div class="col-md-2">
                                                    	<p class="form-control-static">${order.dateIssuance }</p>
                                                    </div>
                                         		</div>     
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">垫资类型：</label>
                                                    <div class="col-md-2">
                                                    	<c:if test="${order.typeInvestment==1 }">
                                                    		<p class="form-control-static">不垫资</p>
                                                    	</c:if>
                                                    	<c:if test="${order.typeInvestment==2 }">
                                                    		<p class="form-control-static">垫返点</p>
                                                    	</c:if>
                                                    	<c:if test="${order.typeInvestment==3 }">
                                                    		<p class="form-control-static">垫保费</p>
                                                    	</c:if>
                                                    </div>
                                         		</div>        
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">垫资账期：</label>
                                                    <div class="col-md-2">
                                                    	<p class="form-control-static">${order.laonAccount }天</p>
                                                    </div>
                                         		</div>
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">保险费：</label>
                                                    <div class="col-md-2">
                                                    	<c:choose>
                                                    	  <c:when test="${order.typeInsurance==0 }">
                                                    	  		<p class="form-control-static">${order.pulsoryPremium }元</p>
                                                    	  </c:when>
														  <c:otherwise>
														  		<p class="form-control-static">${order.mercialPremium }元</p>
														  </c:otherwise>															                                               	
                                                    	</c:choose>
                                                    </div>
                                         		</div>   
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">保险公司返点：</label>
                                                    <div class="col-md-2">
                                                    	<p class="form-control-static">跟单点位:${order.followPoint }</p>
                                                    	<p class="form-control-static">补单点位:${order.replenishPoint }</p>
                                                    </div>
                                         		</div>               	
                                    	</section>
                                    </form>
                                </div>
                                       
                                      
                                <!-- 费用合计 --> 
                                <div id="tab3" class="tab-pane fade">
                                	<form class="form-horizontal form-bordered">
										<section>
											<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">全保费：</label>
                                                    <div class="col-md-2">
                                                    	<p class="form-control-static">${order.allPremium }元</p>
                                                    </div>
                                         		</div> 
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">渠道应支付保费合计：</label>
                                                    <div class="col-md-2">
                                                    			<p class="form-control-static">${channelRecord.mustPremium }</p>
                                                    </div>
                                         		</div> 
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">保险公司跟单手续费：</label>
                                                    <div class="col-md-2">
                                                    			<p class="form-control-static">${companyRecord.followRpoundage }</p>
                                                    </div>
                                         		</div> 
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">保险公司补点手续费：</label>
                                                    <div class="col-md-2">
                                                    			<p class="form-control-static">${companyRecord.replenishRpoundage }</p>
                                                    </div>
                                         		</div> 
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">税后保费：</label>
                                                    <div class="col-md-2">
                                                    	<p class="form-control-static">${order.texPremium }元</p>
                                                    </div>
                                         		</div> 
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">渠道返点：</label>
                                                    <div class="col-md-2">
                                                    	<p class="form-control-static">${order.channelRebate }</p>
                                                    </div>
                                         		</div> 
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">渠道返佣费合计：</label>
                                                    <div class="col-md-2">
                                                    			<p class="form-control-static">${channelRecord.realRebateAmt }</p>
                                                    </div>
                                         		</div> 
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">付款主体：</label>
                                                    <div class="col-md-2">
                                                    	<p class="form-control-static">
                                                    		<c:if test="${order.paySubject==1 }">
                                                    			环宇康泰
                                                    		</c:if>
                                                    		<c:if test="${order.paySubject==2 }">
                                                    			青岛盛达
                                                    		</c:if>
                                                    		<c:if test="${order.paySubject==3 }">
                                                    			玉环天云
                                                    		</c:if>
                                                    		<c:if test="${order.paySubject==4 }">
                                                    			汉龙
                                                    		</c:if>
                                                    	</p>
                                                    </div>
                                         		</div> 
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">出单员：</label>
                                                    <div class="col-md-2">
                                                    	<p class="form-control-static">${order.saleman }</p>
                                                    </div>
                                         		</div> 
                                         		<div class="form-group">
                                                <label class="col-md-1 control-label" style="width: 110px;">出单日期：</label>
                                                    <div class="col-md-2">
                                                    <p class="form-control-static">${order.dateIssuance }</p>
                                                    </div>
                                         		</div> 
										</section>                                	
                                	</form>
                                </div>
                                       
                                       
                                
                                <!-- 附件 -->
                                <div id="tab4" class="tab-pane fade">
                                	<form class="form-horizontal form-bordered">
                                		<section>
                                			<div class="form-group">
                                                
                                            <div class="col-md-2">
                                                <label class="col-md-1 control-label" style="width: 110px;">附件名</label>
                                            </div>
                                            <div class="col-md-2">
                                            	<label class="col-md-1 control-label" style="width: 110px;">文件</label>
                                            </div>
                                         	</div> 
                                         	<div class="form-group">
                                                
                                            <div class="col-md-2">
                                            	<c:forEach items="${attachmentList }" var="attachment">
                                                    <label class="col-md-1 control-label" style="width: 110px;">${attachment.name }</label>
                                                </c:forEach>
                                            </div>
                                            <div class="col-md-2">
                                            	<c:forEach items="${attachmentList }" var="attachment">
                                                    <label class="col-md-1 control-label" style="width: 110px;"><a href="${attachment.url }"></a>查看</label>	
                                                </c:forEach>
                                            </div>
                                         </div> 
                                	  </section>
                                	</form>
                                </div>
            				</div>
        				</div>
    				</div>
				</div>
            </section>
<jsp:include page="../common/footer.jsp"/>
</body>
<script>

window.onload=function(){
    var s = parent.document.getElementById('iframeParent');
    var $tabPane=$('.tab-pane');
    
    function setIframeHeight(){
        s.style.height =document.body.offsetHeight+'px';
    }

    setIframeHeight();

    $(".nav").find("li").click(function (){
        var $index=$(this).index();
        $tabPane.eq($index).addClass('aa')
        setTimeout(function (){
            if($tabPane.eq($index).hasClass('active')){
                setIframeHeight();
            }
        },200);
    });
}


	$(document).ready(function() {
    	App.init();
    	TableManageFixedHeader.init();
	});
</script>
</html>